<!--指定继承的模板文件-->
{% extends 'basecodeanalysis.html' %}
{# 模板继承 #}
{% block header %}
    <!-- 使用 logo.png 作为网站 logo -->
    <script>
        function scrollToBottom() {
            var chatHistory = document.querySelector('.chat-history');
            chatHistory.scrollTop = chatHistory.scrollHeight;
        }
    
        // 在页面加载完成时滚动到底部
        window.onload = scrollToBottom;
    
        // 在每次新增内容后滚动到底部 (假设新增内容后调用此函数)
        function addNewChatRecord() {
            // 这里添加新聊天记录的逻辑
            scrollToBottom();
        }
    </script>
    
    <style>
        .chat-container {
            clear: both; /* 清除浮动 */
            margin-top: 20px; /* 或者根据需要调整上边距 */
        }
    </style>
    <div class="chat-container">
        <div class="chat-history">
            {% for record in catelog_list %}
                <div class="chat-record">
                    <p class="timestamp">{{ record.time }}</p>
                    <p class="message"><strong>{{ record.role }}:</strong> {{ record.content }}</p>
                </div>
            {% endfor %}
        </div>
    </div>
    <br><br>
    <form action="/llama3/code/analyze" method="post">
        <input type="hidden" name="app_uuid" value="{{ app_uuid }}">
        <textarea class="textarea1" name="code" placeholder="请输入代码">{{code}}</textarea><br>
        <label for="fname">模型类型：</label>
        <select name="modeltype" id="mtype" class="styled-select">
            <option value="Llama3-8B">天智代码生成大模型</option>
            <option value="ChatGPT-3.5">外源融合大模型</option>
        </select>
        <label for="analysis-type">分析类型：</label>
        <select name="analysis_type" id="analysis-type" class="styled-select">
            <option value="syntax">语法分析</option>
            <option value="performance">性能分析</option>
            <option value="security">安全分析</option>
        </select>
        <input type="submit" value="提交" class="custom-button""><br>
    </form>
    <br><br>
</body>
</html>
{% endblock %}
